<!-------------------------------------------------- Header ---------------------------------------------->
<?php include 'header_page.php'; ?>
<!-------------------------------------------------- Content --------------------------------------------->

<?php 
require_once('system/dbconnector.php');
$connection = new DBConnection();

$connection->connect();
$query = "SELECT * FROM contact_detail";
$result = mysql_query($query);
$contact_details = array();
if(!$result)
{
	die("Invalid query: ".mysql_error());
}
else
{
	$num_cols = mysql_num_fields($result);
	while($row = mysql_fetch_row($result))
	{
		for($i = 0; $i < $num_cols;$i++)
		{
			$contact_details[$i] = $row[$i];
		}
		break;
	}
}

$connection->disconnect();
?>
<!---------------------------- Kiểm Tra Chức Năng Quản Lý Subversion  ----------------------------->
<?php
		echo "Phạm Thế Anh Phú - 1259219 - Project Management Course - CS301"; 
?>
<!---------------------------- Kiểm Tra Chức Năng Quản Lý Subversion  ----------------------------->



<!--------------------------------------- Start Javascript Part ----------------------------------->
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />

<script type="text/javascript">
					$(function()
					{
						$("#dialog-alert").dialog({
							resizable: false,
							height: 170,
							model: true,
							autoOpen: false,
							buttons: 
							{
								"Thoát": function()
								{
									$(this).dialog("close");
								}
							}
						});
					});
</script>

<script type="text/javascript">
					$(function()
					{
						$("#dialog-confirm").dialog({
							resizable: false,
							height: 170,
							model: true,
							autoOpen: false,
							buttons: 
							{
								"Thoát": function()
								{
									$(this).dialog("close");
								}
							}
						});
					});
</script>
  
<div id="dialog-alert" title="Thông tin nhập vào không hợp lệ">
  <p><span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 20px 0;"></span>Một trong số thông tin quý khách nhập vào không hợp lệ hoặc bị bỏ trống, không thể tiến hành gửi.</p>
</div>

<div id="dialog-confirm" title="Gửi tin nhắn thành công">
  <p><span class="ui-icon ui-icon-circle-check" style="float: left; margin: 0 7px 20px 0;"></span>Thông tin của quý khách và lời nhắn đã được gửi thành công. Chúng tôi sẽ hồi đáp sớm nhất có thể.</p>
</div>

<script type="text/javascript">
	function clearAllTB()
	{
		document.getElementById('name').value = "";
		document.getElementById('phone').value = "";
		document.getElementById('email').value = "";
		document.getElementById('content').value = "";
	}
</script>
<!------------------------------------------- End Javascript Part ---------------------------------------->


<div id="templatemo_main_top"></div>
<div id="templatemo_main">
    <div class="col_12 float_l">
    	<h4>Công Ty TNHH Bình Lợi</h4>
        <h6><strong>Địa Chỉ Chính Thức</strong></h6>
          		<?php echo $contact_details[0]; ?><br />
                <br />
		<table border="0" cellpadding="0" cellspacing="0">
        <tr>
        <td><strong>Điện Thoại Bàn</strong></td><td>&nbsp;<?php echo $contact_details[1]; ?> <br /></td>
        </tr>
        <tr>
        <td><strong>Số Di Động</strong></td><td>&nbsp;<?php echo $contact_details[2]; ?> <br /></td>
        </tr>
        <tr>
        <td><strong>Số Fax</strong></td><td>&nbsp;<?php echo $contact_details[3]; ?> <br /></td>
        </tr>
        <tr>
        <td><strong>Địa Chỉ Email</strong></td><td>&nbsp;<a href="mailto:<?php echo $contact_details[4]; ?>"><?php echo $contact_details[4]; ?></a>  <br />
         </td>
        </tr>
        </table>
		<div class="cleaner h40"></div>
        
        <h4>Vị Trí Trên Bản Đồ</h4>
	  	<iframe width="450" height="300" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="<?php echo $contact_details[5]; ?>"></iframe>
        
	</div>
    <div class="col_12 float_r">
    	<h4>Gửi Tin Nhắn Cho Công Ty</h4>
        <p>Đây là mục gửi tin nhắn cho công ty qua website. Xin vui lòng nhập đầy đủ họ tên, email và số điện thoại và nội dung tin nhắn của quý khách.</p>
        <div id="contact_form">
           <form method="post" name="contact" action="contact.php">
                        
                        <label for="author">Họ và tên:</label><input type="text" id="name" name="name" class="required input_field" value="<?php if(isset($_POST['name'])) { echo $_POST['name']; } ?>" />
                        <div class="cleaner h10"></div>
                        <label for="email">Địa chỉ email:</label> <input type="text" id="email" name="email" class="validate-email required input_field" value="<?php if(isset($_POST['email'])) { echo $_POST['email']; } ?>" />
                        <div class="cleaner h10"></div>
                        
						<label for="subject">Số điện thoại:</label> <input type="text" name="phone" id="phone" class="input_field" value="<?php if(isset($_POST['phone'])) { echo $_POST['phone']; } ?>"/>

						<div class="cleaner h10"></div>
        
                        <label for="text">Nội dung:</label> <textarea id="content" name="content" rows="0" cols="0" class="required"><?php if(isset($_POST['content'])) { echo $_POST['content']; } ?></textarea>
          
                        <table align="right" border="0" cellpadding="0" cellspacing="0">
                        <tr>
                        <td> <input type="submit" value="Gửi Tin Nhắn" id="submit" name="submit" class="submit_btn float_l" /></td>
                        <td>&nbsp;<input type="reset" value="Xóa Trắng" id="reset" name="reset" class="submit_btn float_r" onclick="clearAllTB()" /></td>
                        </tr>
                        </table>          
            </form>
        </div>
	</div>
    
    <div class="cleaner"></div>
</div> <!-- END of main -->

<!------------------------------------------------- Send Message ----------------------------------------->
<?php 
if(isset($_POST['submit']))
{
	if(isset($_POST['name']) && isset($_POST['phone']) && isset($_POST['email']) && isset($_POST['content']) && strlen(trim($_POST['name'])) > 0 && strlen(trim($_POST['email']))> 5 && strlen(trim($_POST['phone'])) >9 && is_numeric($_POST['phone']) && strlen(trim($_POST['content']))> 10)
	{
		$name = $_POST['name'];
		$phone = $_POST['phone'];
		$email = $_POST['email'];
		$content = $_POST['content'];
		
		require_once('system/dbconnector.php');
		$connection = new DBConnection();
		$connection->connect();
		$query = "INSERT INTO message (CUSTOMER_NAME,EMAIL,CUSTOMER_PHONE,CONTENT) VALUES ('".$name."', '".$email."', '".$phone."', '".$content."')";
		mysql_query($query);
		$connection->disconnect();
		echo '<script type="text/javascript">
					$(function()
					{
						$("#dialog-confirm").dialog({
							resizable: false,
							height: 170,
							model: true,
							autoOpen: true,
							buttons: 
							{
								"Ok": function()
								{
									$(this).dialog("close");
								}
							},
							show: 
							{
									effect: "blind",
									duration: 300
							},
					  		hide: 
							{
									effect: "explode",
									duration: 400
							},
							close: function(event, ui)
							{
								window.location.href = "index.php";	  
							}
						});
					});
			</script>';	
	}
	else
	{
		echo '<script type="text/javascript">
					$(function()
					{
						$("#dialog-alert").dialog({
							resizable: false,
							height: 170,
							model: true,
							autoOpen: true,
							buttons: 
							{
								"Thoát": function()
								{
									$(this).dialog("close");
								}
							},
							show: {
									effect: "blind",
									duration: 300
								  },
					  		hide: {
									effect: "explode",
									duration: 400
								  }
						});
					});
				</script>';
	}
}
?>

<!-------------------------------------------------- Footer ---------------------------------------------->
<?php include 'footer_page.php'; ?>